<script lang="ts" setup>
import Menu from '../components/main/menu/menu.vue'
import Header from '../components/main/header/navheader.vue'
</script>
<template>
    <div class="common-layout">
      <el-container>
        <el-aside>
            <Menu/>
        </el-aside>
        <el-container>
          <el-header>
            <Header/>
          </el-header>
          <el-main>
            <RouterView></RouterView>
          </el-main>
        </el-container>
      </el-container>
    </div>
  </template>
<style lang="scss" scoped> 
.common-layout{
    height: 100%;
    .el-container{
        height: 100%;
    }
    .el-header{
      height: 45px;
      padding: 0px;
    }
    .el-main{
      // padding: 0;
      background-color: #F2F7F8;
    }
    .el-aside{
      width:unset;
    }
}

</style>